<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新闻页面</title>
		<style type="text/css">
			.cp01 {
				line-height: 30px;
			}

			li bbbb {
				font-weight: 20;
				font-size: 12px;
			}
		</style>
		<script>
			window.onload = function() {
				getSystemDate();

			}
			//重写 Date.原型.格式化时间日期
			Date.prototype.format = function(fmt) {
				var o = {
					"M+": this.getMonth() + 1, //月份+1 start 0-11
					"d+": this.getDate(), //日
					"h+": this.getHours(), //小时
					"m+": this.getMinutes(), //分
					"s+": this.getSeconds(), //秒
					"q+": Math.floor((this.getMonth() + 3) / 3), //季度
					"S": this.getMilliseconds() //毫秒
				};

				if (/(y+)/.test(fmt)) {
					fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
				}

				for (var k in o) {
					if (new RegExp("(" + k + ")").test(fmt)) {
						fmt = fmt.replace(
							RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
					}
				}

				return fmt;
			}

			function getSystemDate() {
				//1 实列化一个时间对象
				var date = new Date();
				//2 调用格式时间日期函数
				var mytime1 = date.format("yyyy年MM月dd日        hh:mm")
				var mytime2 = date.format("yyyy/MM/dd  hh:mm")
				//渲染到页面1： id
				document.getElementById('times').innerHTML = mytime1;
				//渲染到页面2： class
				var times = document.getElementsByClassName('times') //获取类times的个数
				let len = times.length;
				for (var index = 0; index < len; index++) {
					times[index].innerHTML = mytime2;
				}

			}
		</script>
	</head>
	<body>
		<!-- 上 -->
		<h2>中国进入完全贸易自由时代</h2>
		<br>
		<br>
		<p>
			<b id="times">tiem</b>&nbsp;&nbsp;新闻网-生活报
		</p>
		<p><strong>中荷元首将会晤&nbsp;&nbsp;都是体育爱好者</strong></p>
		<!-- 中 -->
		<p class="cp01">随后三天多时间,国家领导人的访荷日程与核安全峰会日程将交叉进行。访问期间,国家领导人将会见荷兰王国第七代君主威
			廉亚历山大国王，会见议会领导人，并同首相吕特举行会谈。双方将签署农业、能源、金融、文化等领域多项合作协议,推动
			中荷合作取得更多实实在在的成果。威廉亚历山大曾多次访华,是一-位爱好网球、 滑雪、登山的“60后”。同样是超级体育
			爱好者,中荷两国元首或许将有不少有趣的共同语言。
		</p>
		<!-- 下 -->
		<p>热点推荐</p>
		<ul>
			<li><a href="#">世界进入全智能化时代</a>&nbsp;&nbsp;<bbbb class="times">times</bbbb>
			</li>
			<li><a href="#">媒体人:银行不合理利润太多 年赚息差3万亿</a>&nbsp;&nbsp;<bbbb class="times">times</bbbb>
			</li>
			<li><a href="#">云南幼儿中毒：当地幼儿园不足 按规定无资质</a>&nbsp;&nbsp;<bbbb class="times">times</bbbb>
			</li>
		</ul>

	</body>
</html>
